<template name="goodList">
	<view class="goodBox">
		<view class="leftBox">

				<goodItem v-for="(item,index) in goodData" :key="index" v-if="index%2==0" :goodInfo="item" ></goodItem>

		</view>
		<view class="rightBox">
				<goodItem v-for="(item,index) in goodData" :key="index" v-if="index%2==1" :goodInfo="item" ></goodItem>
		</view>
	</view>
</template>

<script>
	import goodItem from "@/components/goodItem/goodItem.vue";
	export default {
		components:{goodItem},
		name: 'goodList', //组件名称
		// 传递参数
		props: {
			bottom:0,
			goodData: {
				type: Array,
				default: null
			},
		},
		// 组件参数
		data() {
			return {
				
			}
		},
		// 组件方法
		methods: {
			
		}
	}
</script>

<style lang="less" scoped>
	@import "../../common/public.less";

	.goodBox {
		background-color: #f6f6f6;
		padding:0 14rpx 20rpx 14rpx;
		display: flex;
		
		.leftBox,.rightBox{
			width: 50%;
			display: flex;
			padding: 0 14rpx;
			display: flex;
			flex-direction: column;
		}
		
	}

	
</style>
